.my-header{
    background: #006699;
}
.my-header h1{
    color: #fff;
}
.my-header .mui-icon-search{
    color: #fff;
}
.my-fotter{
    background-color: #006699;
}
.my-fotter .mui-tab-item{
    color: #fff;
}
.my-fotter .mui-tab-item.mui-active{
    color: darkorange;
}
body,.mui-content{
    background: #fff;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
a{
    color: #000;
}
/* 导航链接开始 */
.nav-links{
    padding: 10px;
}
.nav-links a{
    float: left;
    width: 33.33%;
}
.nav-links a img{
    width: 100%;
    vertical-align: top;
}
.brand{
    padding:0 10px;
}
.brand .title{
    width: 100%;
}
.brand ul{
    overflow: hidden;
    padding:10px 0;

}
.brand ul li{
    width: 25%;
    float: left;
}
.brand ul li a{
    display:block;
}
.brand ul li a img{
    width: 100%;
}
.product{
    padding: 0 10px;
}
.product .title{
    width: 100%;
}
.product ul{

}
.product ul li{
    width: 50%;
    float: left;
    padding: 5px;
}
.product ul li a{
    display:block;
    box-shadow: 0 0 5px #ccc;
    padding: 5px;
}
.product ul li img{
    width: 100%;
}
.product ul li .name{
    display: block;
    color: #8f8f94;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    height: 38px;
    overflow: hidden;
    padding: 5px;
}
.product ul li p{
    text-align: center;
    padding-top: 6px;
}
.product ul li p span:first-of-type{
    color: #f20;
    padding-right: 3px;
}
.product ul li p span:last-of-type{
    text-decoration: line-through;
    padding-left: 3px;
}
.product ul li .buynow{
    display:block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #006699;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    margin: 0 auto 5px auto;
}
